<%@ include file="includes/head.jsp" %>
	
	<span id="status">Hola mundo...</span>
	
	<a href="/">Home</a>
 	<div id="links"> 
		<a href="http://google.com">Google</a> 
 		<a href="http://ubuntu.com">Ubuntu</a> 
 		<a href="http://debian.org">Debian</a> 
	</div>
	
	<script>
		function init(){
			//alert('Hello World');
			document.write('<b>Hello World</b>');
			// Obtenemos el elemento "status"
			var el = document.getElementById("status");
			console.info('Hemos cargado la variable' + el);
			
			var el2 = document.getElementById("status4444");
			if(el2==undefined){
				console.error('No hemos encontrado elemento con id status4444');
			}
			
			
			// Mostramos mediante una alerta el contenido del elemento
			//alert(el.innerHTML);
			
			 // Obtenemos el elemento con id "links" var 
			 links = document.getElementById("links"); 
			 // Ahora obtenemos todos los elementos con tag A que hay 
			 // dentro del elemento 'el' var 
			 as = links.getElementsByTagName("a"); 
			 // Y finalmente recorremos el array de elementos para 
			 // cambiarles el color a cada uno 
			 for (var i=0; i<as.length; i++) { 
			 	as[i].style.color = 'blue'; // negro 
			 } 
		}
		//Esperamos a cargar toda la pagina
		window.onload = init();		
	</script>

	
<%@ include file="includes/footer.jsp" %>